<template>
  <n-result
    status="404"
    title="404 未找到"
    description="抱歉，您访问的页面不存在"
  >
    <template #footer>
      <n-button @click="goHome">返回首页</n-button>
    </template>
  </n-result>
</template>

<script setup lang="ts">
import { NResult, NButton } from "naive-ui";
import { useRouter } from "vue-router";

const router = useRouter();

const goHome = () => {
  router.push("/");
};
</script>

<style scoped>
.n-result {
  height: 100vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
</style>
